<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"/>
	<link href="css/bootstrap.css" rel="stylesheet">
	<link rel="stylesheet" href="css/main.css">
	<link rel="stylesheet" href="css/datepicker.css">

	<script src="js/jquery.js"></script>
	<script src="js/bootstrap.js"></script>
	<script src="js/bootstrap-datepicker.js"></script>
	<title>名片管理系统</title>
</head>
<script language="javascript">
$(function(){
	$("#birthday").click(function()
	{
		$('#birthday').datepicker({
			format: 'yyyy-mm-dd'
		});
		
	});
});

</script>
<body>
	<br>
	<div id="searchdiv" style="background-color:#efefef;height:600px">
		<div style="width:400px;float:left">
			<p><strong>名片正面</strong>&nbsp;<input type="radio"name="optionsRadios" id="optionsRadios1" /></p>
			<img class="img-rounded" style="margin-left:30px;" alt="正面" src="###" width="350px" height="250px">
			<p><strong>名片反面</strong>&nbsp;<input type="radio"name="optionsRadios" id="optionsRadios2" /></p>
			<img  class="img-rounded" style="margin-left:30px;" alt="反面" src="###" width="350px" height="250px">
		</div>
		<div style="width:480px;float:left">
<ul class="nav nav-tabs">
  <li class="active"><a href="#basic" data-toggle="tab">基本信息</a></li>
  <li><a href="#addr1" data-toggle="tab">住址1</a></li>
  <li><a href="#addr2" data-toggle="tab">住址2</a></li>
  <li><a href="#else" data-toggle="tab">其他</a></li>
  <li><a href="#pinfo" data-toggle="tab">个人信息</a></li>
  <li><a href="#cmpinfo" data-toggle="tab">公司信息</a></li>
</ul>
<div class="tab-content">
	<div class="tab-pane active" id="basic">
		<table class="table table-condensed table-bordered">
				<tr>
					<td><strong>名片图片上传</strong></td>
					<td></td>
				</tr>
				<tr>
					<td><input type="file" id="upfile" value="选择文件" /></td>
					<td><input class="btn btn-primary btn-xs" type="button" id="upfile" value="上传" /></td>
				</tr>
				<tr>
					<td><strong>名片信息</strong></td>
					<td></td>
				</tr>
	<tr><td><span>&nbsp;&nbsp;&nbsp;&nbsp;公司名:</span><br></td><td><input type="text" name="txtComJNam" value=""><br></td></tr>
	<tr><td><span>&nbsp;&nbsp;&nbsp;&nbsp;公司名(拼音):</span>
			<br></td><td><input type="text" value=""><br></td>
	</tr>
	<tr><td><span>&nbsp;&nbsp;&nbsp;&nbsp;公司名(英文):</span><br></td><td><input type="text" value=""><br></td></tr>
	<tr><td><span>&nbsp;&nbsp;&nbsp;&nbsp;部门名:</span><br></td><td><input type="text" value=""><br></td></tr>
	<tr><td><span>&nbsp;&nbsp;&nbsp;&nbsp;职务:</span><br></td><td><input type="text" value=""><br></td></tr>
	<tr><td><span>&nbsp;&nbsp;&nbsp;&nbsp;姓名:</span><br></td><td><input type="text" value=""><input type="text" name="txtSecdNam" value=""><br></td></tr>
	<tr><td><span>&nbsp;&nbsp;&nbsp;&nbsp;姓名(拼音):</span><br></td><td><input type="text" value=""><input type="text" name="txtSecdNamKn" value=""><br></td></tr>
	<tr><td><span>&nbsp;&nbsp;&nbsp;&nbsp;文件导出:</span><br></td><td><input type="checkbox" value="on"></td></tr>
	<tr><td><span>&nbsp;&nbsp;&nbsp;&nbsp;设为我的名片:</span><br></td><td><input type="checkbox" value="on"></td></tr>
				
			</table>
	</div>
	<div class="tab-pane" id="addr1">
	<table class="table table-bordered">
		<tbody>
			<tr>
				<td width="40%">&nbsp;&nbsp;&nbsp;<span>邮政编号:</span></td>
				<td><input class="input" type="text">&nbsp;<input type="button" class="btn btn-primary btn-xs" value="地址转换"></td>
			</tr>
			<tr>
				<td><span>&nbsp;&nbsp;&nbsp;住址 省:</span></td><td><input type="text"></td>
			</tr>
			<tr>
				<td><span>&nbsp;&nbsp;&nbsp;市:</span></td><td><input type="text"></td>
			</tr>
			<tr>
				<td>&nbsp;&nbsp;&nbsp;<span>区:</span></td><td><input type="text"></td>
			</tr>
			<tr>
				<td>&nbsp;&nbsp;&nbsp;<span>地址:</span></td><td><input type="text"></td>
			</tr>
			<tr><td>&nbsp;&nbsp;&nbsp;<span>电话1:</span></td><td><input type="text"></td></tr>
			<tr><td>&nbsp;&nbsp;&nbsp;<span>电话2:</span></td><td><input type="text"></td></tr>
			<tr><td>&nbsp;&nbsp;&nbsp;<span>手机:</span></td><td><input type="text"></td></tr>
			<tr><td>&nbsp;&nbsp;&nbsp;<span>传真:</span></td><td><input type="text"></td></tr>
			<tr><td>&nbsp;&nbsp;&nbsp;<span>电子邮件:</span></td><td><input type="text"></td></tr>
			<tr><td>&nbsp;&nbsp;&nbsp;<span>URL:</span></td><td><input type="text"></td></tr>
		</tbody>
	</table>
	</div>
	<div class="tab-pane" id="addr2">
		<table class="table table-bordered">
			<tbody>
				<tr>
					<td width="40%">&nbsp;&nbsp;&nbsp;<span>邮政编号:</span></td>
					<td><input class="input" type="text">&nbsp;<input type="button" class="btn btn-primary btn-xs" value="地址转换"></td>
				</tr>
				<tr>
					<td><span>&nbsp;&nbsp;&nbsp;住址 省:</span></td><td><input type="text"></td>
				</tr>
				<tr>
					<td><span>&nbsp;&nbsp;&nbsp;市:</span></td><td><input type="text"></td>
				</tr>
				<tr>
					<td>&nbsp;&nbsp;&nbsp;<span>区:</span></td><td><input type="text"></td>
				</tr>
				<tr>
					<td>&nbsp;&nbsp;&nbsp;<span>地址:</span></td><td><input type="text"></td>
				</tr>
				<tr><td>&nbsp;&nbsp;&nbsp;<span>电话1:</span></td><td><input type="text"></td></tr>
				<tr><td>&nbsp;&nbsp;&nbsp;<span>电话2:</span></td><td><input type="text"></td></tr>
				<tr><td>&nbsp;&nbsp;&nbsp;<span>手机:</span></td><td><input type="text"></td></tr>
				<tr><td>&nbsp;&nbsp;&nbsp;<span>传真:</span></td><td><input type="text"></td></tr>
				<tr><td>&nbsp;&nbsp;&nbsp;<span>电子邮件:</span></td><td><input type="text"></td></tr>
				<tr><td>&nbsp;&nbsp;&nbsp;<span>URL:</span></td><td><input type="text"></td></tr>
			</tbody>
		</table>	
	</div>
	<div class="tab-pane" id="else">
		<table class="table table-bordered">
			<tr><td>&nbsp;&nbsp;&nbsp;<span>公开:</span></td>
				<td>
					<select style="width=200;"><option value="-1">--</option>
						<option value="1">共有</option>
						<option value="0" selected="selected">非共有</option></select>
				</td>
			</tr>
			<tr><td>&nbsp;&nbsp;&nbsp;<span>重要度:</span></td>
				<td>
					<select name="ddlstImptantKub" style="width=200;"><option value="-1">--</option>
						<option value="50">最重要</option>
						<option value="40">重要</option>
						<option value="20">不重要</option>
						<option value="30">标准</option></select>
				</td>
			</tr>
			<tr><td>&nbsp;&nbsp;&nbsp;<span>关系:</span></td>
				<td>
					<select name="ddlstRelationKub" style="width=200;"><option value="-1">--</option>
						<option value="10">关键角色</option>
						<option value="11">合作伙伴</option>
						<option value="12">客户</option>
						<option value="13">供应商</option>
						<option value="14">交易方</option>
						<option value="17">支援方</option>
						<option value="18">承建商</option>
						<option value="19">合约预定人</option>
						<option value="20">家人</option>
						<option value="21">朋友</option>
						<option value="22">同事</option>
						<option value="23">前辈/上司</option>
						<option value="24">后辈</option>
						<option value="15">外包方</option>
						<option value="16">协力方</option>
						<option value="99">其他</option></select>
			</td></tr>
			<tr><td>&nbsp;&nbsp;&nbsp;<span>职业:</span></td>
				<td>
					<select name="ddlstJobKub" style="width=200;"><option value="-1">--</option>
						<option value="1000">营业</option>
						<option value="1010">技术</option>
						<option value="1020">宣传</option>
						<option value="1040">创作</option>
						<option value="1050">编辑</option>
						<option value="1060">销售</option>
						<option value="1070">事务人员</option>
						<option value="1080">会计师</option>
						<option value="1090">顾问</option>
						<option value="1100">分析师</option>
						<option value="1120">教职员</option>
						<option value="1130">人事管理</option>
						<option value="9999">其他</option>
						<option value="1030">市场</option>
						<option value="1110">公务员</option></select>
			</td></tr>
		</table>

	</div>
	<div class="tab-pane" id="pinfo">
		<table class="table table-bordered">
			<tr><td align="left" width="100">&nbsp;&nbsp;&nbsp;<span>性别:</span><br></td>
				<td>
					<select name="ddlstSexKub" style="width=200;"><option value="0" selected="selected">--</option>
						<option value="1">男性</option>
						<option value="2">女性</option></select>
			</td></tr>
			<tr><td align="left" width="100">&nbsp;&nbsp;&nbsp;<span>血型:</span></td>
				<td>
					<select name="ddlstBlodKub" style="width=200;"><option value="0" selected="selected">--</option>
						<option value="1">A型</option>
						<option value="2">B型</option>
						<option value="3">O型</option>
						<option value="4">AB型</option>
						<option value="9">不明</option></select>
			</td></tr>
			<tr><td align="left" width="100">&nbsp;&nbsp;&nbsp;<span>生日:</span></td>
				<td>
					<input type="text" id="birthday" value=""/>	
				</td>
			</tr>
			<tr><td align="left" width="100" rowspan="6" valign="top">&nbsp;&nbsp;&nbsp;<span>备忘录:</span></td>
				<td rowspan="6">
					<textarea name="txtMemo" cols="26" rows="6"></textarea>
			</td></tr>
		</table>
		
	</div>
	<div class="tab-pane" id="cmpinfo">
		<table class="table table-bordered">
			<tr><td align="left" width="100">&nbsp;&nbsp;&nbsp;<span>行业:</span><br></td><td><input type="text"></td></tr>
			<tr><td align="left" width="100">&nbsp;&nbsp;&nbsp;<span>成立年月:</span></td><td><input type="text"></td></tr>
			<tr><td align="left" width="100">&nbsp;&nbsp;&nbsp;<span>资金(百万):</span></td><td><input type="text"></td></tr>
			<tr><td align="left" width="100">&nbsp;&nbsp;&nbsp;<span>员工数:</span></td><td><input type="text"></td></tr>
			<tr><td align="left" width="100">&nbsp;&nbsp;&nbsp;<span>证券代码:</span></td><td><input type="text"></td></tr>
			<tr><td align="left" width="100">&nbsp;&nbsp;&nbsp;<span>法人代表:</span></td><td><input type="text"></td></tr>
		</table>
			
	</div>
</div>
		
		</div>
	</div>
</body>
</html>

